/* 使用标签选择器的伪类选择器 */
/* 链接本身的颜色 */
a {
    color: black;
}

/* 鼠标指针悬浮在链接上时的颜色 */
a:hover {
    color: green;
}

/* 鼠标点击链接时的颜色 */
a:active {
    color: red;
}

/* 按钮本身的颜色 */
input {
    color: black;
}

/* 鼠标指针悬浮在按钮上时的颜色 */
input:hover {
    color: green;
}

/* 鼠标点击按钮时的颜色 */
input:active {
    color: red;
}

/* 使用 id 选择器的伪类选择器 */
/* 链接本身的颜色 */
#self {
    color: black;
}

/* 鼠标指针悬浮在链接上时的颜色 */
#self:hover {
    color: green;
}

/* 鼠标点击链接时的颜色 */
#self:active {
    color: red;
}

